.tj-flex{
	display: flex;
}
/* 水平布局 */
.tj-flex-direction-row {
    flex-direction: row;
}
/* 反向垂直布局 */
.tj-flex-direction-column-reverse {
    flex-direction: column-reverse;
}
/* 反向水平布局 */
.tj-flex-direction-row-reverse {
    flex-direction: row-reverse;
}

.tj-flex-center {
    align-self: center;
}

.tj-flex-top {
    align-self: flex-start;
}

.tj-flex-end {
    align-self: flex-end;
}

.tj-flex-stretch {
    align-self: stretch;
}

.tj-flex-col-center {
    align-items: center;
}

.tj-flex-col-top {
    align-items: flex-start;
}

.tj-flex-col-bottom {
    align-items: flex-end;
}
.tj-flex-row-center {
    justify-content: center;
}

.tj-flex-row-left {
    justify-content: flex-start;
}

.tj-flex-row-right {
    justify-content: flex-end;
}

.tj-flex-row-between {
    justify-content: space-between;
}

.tj-flex-row-around {
    justify-content: space-around;
}

/* 文字方向  */ 
.tj-text-center{
	text-align: center;
}
.tj-text-right{
	text-align: right;
}
.tj-text-left{
	text-align: left;
}

	 
/* 文字大小 */
.tj-text-xs {
    font-size: 10px;
}

.tj-text-sm {
    font-size: 14px;
}

.tj-text-md {
    font-size: 16px;
}

.tj-text-lg {
    font-size: 18px;
}

.tj-text-xl {
    font-size: 20px;
}

.tj-text-xxl {
    font-size: 25px;
}


/* 边距 */
.tj-margin-sm{
	margin: 10px;
}
.tj-margin-top-sm{
	margin-top: 10px;
}
.tj-margin-left-sm{
	margin-left: 10px;
}
.tj-margin-right-sm{
	margin-right: 10px;
}
.tj-margin-bottom-sm{
	margin-bottom: 10px;
}
.tj-margin-lg{
	margin: 20px;
}
.tj-margin-top-lg{
	margin-top: 20px;
}
.tj-margin-left-lg{
	margin-left: 20px;
}
.tj-margin-right-lg{
	margin-right: 20px;
}
.tj-margin-bottom-lg{
	margin-bottom: 20px;
}
.tj-margin-xl{
	margin: 30px;
}
.tj-margin-top-xl{
	margin-top: 30px;
}
.tj-margin-left-xl{
	margin-left: 30px;
}
.tj-margin-right-xl{
	margin-right: 30px;
}
.tj-margin-bottom-xl{
	margin-bottom: 30px;
}
.tj-margin-xxl{
	margin: 50px;
}
.tj-margin-top-xxl{
	margin-top: 50px;
}
.tj-margin-left-xxl{
	margin-left: 50px;
}
.tj-margin-right-xxl{
	margin-right: 50px;
}
.tj-margin-bottom-xxl{
	margin-bottom: 50px;
}

.tj-padding-sm{
	padding: 10px;
}
.tj-padding-top-sm{
	padding-top: 10px;
}
.tj-padding-left-sm{
	padding-left: 10px;
}
.tj-padding-right-sm{
	padding-right: 10px;
}
.tj-padding-bottom-sm{
	padding-bottom: 10px;
}
.tj-padding-lg{
	padding: 20px;
}
.tj-padding-top-lg{
	padding-top: 20px;
}
.tj-padding-left-lg{
	padding-left: 20px;
}
.tj-padding-right-lg{
	padding-right: 20px;
}
.tj-padding-bottom-lg{
	padding-bottom: 20px;
}
.tj-padding-xl{
	padding: 30px;
}
.tj-padding-top-xl{
	padding-top: 30px;
}
.tj-padding-left-xl{
	padding-left: 30px;
}
.tj-padding-right-xl{
	padding-right: 30px;
}
.tj-padding-bottom-xl{
	padding-bottom: 30px;
}
.tj-padding-xxl{
	padding: 50px;
}
.tj-padding-top-xxl{
	padding-top: 50px;
}
.tj-padding-left-xxl{
	padding-left: 50px;
}
.tj-padding-right-xxl{
	padding-right: 50px;
}
.tj-padding-bottom-xxl{
	padding-bottom: 50px;
}